<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>各种数据导入到织梦-V1 两个织梦数据互传</title>
    <!--
    各种数据导入织梦版本V1 实现两个织梦数据互相导入，可选复制图片备份
    -->
    <link href="public/css/jquery-ui.css" rel="stylesheet">
    <!--z-tree插件-->
    <link href="public/css/zTreeStyle.css" rel="stylesheet">
    <!--顶部提示插件-->
    <link href="public/css/overhang.min.css" rel="stylesheet">
    <!--拖拽插件-->

    <!--自定义样式-->
    <link href="public/css/custom.css" rel="stylesheet">

    <!--requirejs 声明文件-->
    <script data-main="public/js/main-v1" src="public/js/require.js"></script>
    <!-- todo 谨记：main.js 加载了两次当然里边代码执行两次  <script src="public/js/main.js"></script>-->
</head>
<body>
<div class="custom-state-box">
    <h2 class="demoHeaders">状态显示：<b style="color: red;">（版本一：两个织梦互传数据）</b><a href="javascript:;" id="backMenu">返回菜单</a></h2>
    <div class="custom-state-container">
        <ol>
            <li>
                <!--1、数据库连接配置 2、导入字段配置 3、导入栏目ID配置<i class="ui-state-highlight">&nbsp;&nbsp;&nbsp;&nbsp;</i>-->
                <fieldset>
                    <legend>配置状态</legend>
                    <div id="statusgroup">
                        <span>
                            导出库状态：<i id="from-db-state" class="ui-state-error ui-corner-all custom-state-text">未测试</i>
                            导入库状态：<i id="to-db-state" class="ui-state-error ui-corner-all custom-state-text">未测试</i>
                            导出栏目：<i id="from-type-state" class="ui-state-error ui-corner-all custom-state-text">[0]未选择栏目</i>
                            导入栏目：<i id="to-type-state" class="ui-state-error ui-corner-all custom-state-text">[0]未选择栏目</i>
                        </span>
                    </div>

                </fieldset>
                <!--<div class="custom-shade"></div>-->
            </li>
            <li>
                <fieldset>
                    <legend>导入进度</legend>
                    <div id="progressbar"></div>
                </fieldset>
            </li>
            <li>
                <fieldset>
                    <legend>控制面板</legend>
                    <!--<button id="loadconfig-button" class="ui-button ui-corner-all ui-widget">加载当前配置</button>-->
                    <div id="controlgroup">
                        <label for="is-export-images">是否导出图片</label>
                        <input type="checkbox" name="is-export-images" id="is-export-images">
                    </div>
                    <button id="start-button" class="ui-button ui-corner-all ui-widget">开始导入</button>
                </fieldset>
            </li>
        </ol>
    </div>
</div>

<!-- 手风琴 -->
<h2 class="demoHeaders">操作步骤：</h2>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">第一步：数据库连接配置</a></li>
        <li><a href="#tabs-2">第二步：导入栏目ID配置</a></li>
    </ul>
    <div id="tabs-1">
        <div class="container one">
            <div class="custom-form-box custom-left">
                <h4>导出数据库配置</h4>
                <form class="cfg_form" id="from_cfg_form" name="from_cfg_form">
                    <ol>
                        <li><label>数据库链接：</label><input type="text" name="dbhost" value="127.0.0.1" placeholder="localhost"> </li>
                        <li><label>用户名：</label><input type="text" name="dbuser" value="root" placeholder="user"> </li>
                        <li><label>密码：</label><input type="text" name="dbpwd" value="root" placeholder="password"> </li>
                        <li><label>数据库名称：</label><input type="text" name="dbname" value="" placeholder="databasename"> </li>
                        <li><label>数据表前缀：</label><input type="text" name="dbprefix" value="dede_" placeholder="dede_"> </li>
                        <li><label>数据库编码：</label><input type="text" name="dblanguage" value="utf-8" placeholder="utf-8"> </li>
                        <li><label></label><button id="from-cfg-save-button" class="ui-button ui-corner-all ui-widget" type="button">保存配置</button></li>
                    </ol>
                </form>
            </div>
            <div class="custom-form-box custom-right">
                <h4>导入数据库配置</h4>
                <form class="cfg_form" id="to_cfg_form" name="to_cfg_form">
                    <ol>
                        <li><label>数据库链接：</label><input type="text" name="dbhost" value="127.0.0.1" placeholder="localhost"> </li>
                        <li><label>用户名：</label><input type="text" name="dbuser" value="root" placeholder="user"> </li>
                        <li><label>密码：</label><input type="text" name="dbpwd" value="root" placeholder="password"> </li>
                        <li><label>数据库名称：</label><input type="text" name="dbname" value="" placeholder="databasename"> </li>
                        <li><label>数据表前缀：</label><input type="text" name="dbprefix" value="dede_" placeholder="dede_"> </li>
                        <li><label>数据库编码：</label><input type="text" name="dblanguage" value="utf-8" placeholder="utf-8"> </li>
                        <li><label></label><button id="to-cfg-save-button" class="ui-button ui-corner-all ui-widget" type="button">保存配置</button></li>
                    </ol>
                </form>
            </div>
        </div>
    </div>
    <div id="tabs-2">
        <div class="container three">
            <div id="messageBox"></div>
            <h4>
                <button id="import-cfg-save-button" class="ui-button ui-corner-all ui-widget">保存配置</button>
                <button id="import-cfg-reset-from-button" class="ui-button ui-corner-all ui-widget">重置导出栏目</button>
                <button id="import-cfg-reset-to-button" class="ui-button ui-corner-all ui-widget">重置导入栏目</button>
            </h4>
            <div class="custom-form-box custom-left">
                <h4>导出数据库栏目列表</h4>

                <ul id="fromTree" class="ztree custom-ztree"></ul>

            </div>
            <div class="custom-form-box custom-right">
                <h4>导入数据库栏目列表</h4>

                <ul id="toTree" class="ztree custom-ztree"></ul>

            </div>
        </div>
    </div>
</div>


<p></p>

</body>
</html>